import React from 'react';

// Son2Temp是临时的组件
const Son2Temp = (props) => {
  console.log('son2:我执行了');
  return (
    <>
      <p>我是函数组件，也是子组件</p>
      <i>{props.msg}</i>
    </>
  );
}
// 当父组件更新state时，即使这条数据没有传给子组件，子组件也会更新，造成性能浪费
// 通过React.memo方法，处理函数组件。处理之后可以进行比较，如果数据没有更新，就不会重新渲染
const Son2 = React.memo(Son2Temp);
// Son2是经过处理后最终的组件，性能较好
export default Son2;
